import React, { Component } from 'react';
import { StyleSheet, Image, View, Text } from 'react-native';
import { px2dp } from '@/styles';

/**
 * @modifyAuthor kanglang
 * @description 运单状态
 * @createDate 2020/9/28
 */

export default class OrderStatus extends Component {

    render() {
        const { textColor, rightIcon, statusText} = this.props;
        return (
            <View style={{flexDirection:'row',alignItems:'center',justifyContent:'center'}}>
                <Text style={[styles.headerConfirm,{color:textColor}]}>{statusText}</Text>
                <Image style={styles.iconStyle} source={rightIcon} />
            </View>
        );
    }
}
const styles = StyleSheet.create({
    headerConfirm: {
        fontSize: px2dp(28),
      },
    iconStyle:{
        width: px2dp(12)*2, 
        height: px2dp(12)*2
    }
});
